/**
 *
 * Generic CSS for CakePHP
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright 2005-2010, Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright 2005-2010, Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package       cake
 * @subpackage    cake.app.webroot.css
 * @since         CakePHP(tm)
 * @license       MIT License (http://www.opensource.org/licenses/mit-license.php)
 */

* {
        margin:0;
        padding:0;
}

/** General Style Info **/
body {
        background: #fffde8;
        color: #262626;
        font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
        font-size:90%;
        margin: 0;
}
a {
        color: #003d4c;
        text-decoration: underline;
        font-weight: bold;
}
a:hover {
        color: #367889;
        text-decoration:none;
}
a img {
        border:none;
}
h1, h2, h3, h4 {
        font-weight: normal;
        margin-bottom:0.5em;
}
h1 {
        background:#FFFEF2;
        color: #003d4c;
        font-size: 100%;
}
h2 {
        background:#FFFEF2;
        color: #e32;
        font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
        font-size: 190%;
}
h3 {
        color: #993;
        font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
        font-size: 165%;
}
h4 {
        color: #203E82;
        font-weight: bold;
}
ul, li {
        margin: 0 2px;
}

/** Layout **/
#container {
        text-align: left;
        width:95%;
        background-color:#FFFEF2;
        margin: 0 auto 0 auto;
}

#intro{ 
        background: #FFFEF2 url('../img/intro.png') no-repeat center;
        color: #000;
        height: 300px;
        width:98%;      
        margin: 0 auto 0 auto;  
}

#header{
/*      padding: 10px 20px;*/
        width:960px;
        /*height: 150px;*/
        margin: 0 auto 0 auto;
      /*  border-bottom:3px solid #318002;    */  
      border-bottom:3px solid #10498A;  
}
#header h1 {
        /*line-height:20px;*/
        background: #FFFEF2 url('../img/header.png') no-repeat left;
        color: #000;            
        height: 140px;
        text-align:center;
}
#header h1 a {
        color: #000;
        background: #FFFEF2;
        font-weight: normal;
        text-decoration: none;
}
#header h1 a:hover {
        color: #000;
        background: #FFFEF2;
        text-decoration: underline;
}
#content{
        background: #FFFEF2;
        clear: both;
        color: #333;
        padding: 10px 50px 40px 20px;
        overflow: auto; 
}
#footer {
        clear: both;
        padding: 6px 10px;
        text-align: right;
        font-size:12px;
        color:#03346B;
}

/** containers **/
div.form,
div.index,
div.view {
/*      float:right;*/
        width:90%;
/*      border-top: 3px #53A0E8 solid;*/ 
        margin: 0 auto 0 auto;
        padding-bottom:10px; 
        padding-top:20px;
/*      border-left:2px solid #53A0E8;*/        
        /*padding:10px 2%;*/
}
div.actions {
        float:left;
        width:10%;
        padding:10px 1.5%;
/*      border-top:2px solid #53A0E8;*/
        border-right:3px solid #53A0E8;
}
div.action {
        float:left;
        width:10%;
        padding:10px 1.5%;
/*      border-top:2px solid #53A0E8;*/
        border-right:3px solid #53A0E8;
}
div.actions h3 {
        padding-top:0;
        color:#777;
}


/** Tables **/
table {
        background: #fff;
        border-right:0;
        clear: both;
        color: #333;
        margin-bottom: 10px;
        width: 100%;
}
th {
        border:0;
        border-bottom:2px solid #555;
        text-align: left;
        padding:4px;
}
th a {
        display: block;
        padding: 2px 4px;
        text-decoration: none;
}
th a.asc:after {
        content: ' ⇣';
}
th a.desc:after {
        content: ' ⇡';
}
table tr td {
        background: #fff;
        padding: 6px;
        text-align: left;
        vertical-align: top;
        border-bottom:1px solid #ddd;         
}
table tr:nth-child(2n) td {
        background: #E0F0FF;
}
table .altrow td {
        background: #E0F0FF;
}
td.actions {
        text-align: center;
        white-space: nowrap;
}
table td.actions a {
        margin: 0px 6px;
        padding:2px 5px;
}
.cake-sql-log table {
        background: #f4f4f4;
}
.cake-sql-log td {
        padding: 4px 8px;
        text-align: left;
        font-family: Monaco, Consolas, "Courier New", monospaced;
}
.cake-sql-log caption {
        color:#fff;
}

/** Paging **/
div.paging {    
        color: #000;
        margin-top: 1em;
        clear:both;
        font-size:11px;
}
div.paging span.disabled {
        color: #515151;
        display: inline;
}
div.paging span.current {
        color: #d26e02;
        font-weight:bold;
}
div.paging span a {
        text-decoration:none;
}

div.paging span a:hover {
        text-decoration:underline;
}

p.pagina{
        color:#000;
        font-size:11px;
        padding-left:20px;
}


/** Scaffold View **/
dl {
        line-height: 2em;
        margin: 0em 0em;
        width: 60%;
}
dl .altrow {
        background: #f4f4f4;
}
dt {
        font-weight: bold;
        padding-left: 4px;
        vertical-align: top;
}
dd {
        margin-left: 10em;
        margin-top: -2em;
        vertical-align: top;
}

/** Forms **/
form {
        clear: both;
        margin-right: 20px;
        padding: 0;
        width: 95%;
}
fieldset {
        border: 1px solid #f3c111;
        margin-bottom: 1em;
        /*padding: 10px 15px;*/
        padding-left:15px;
        padding-right:15px;
        padding-top:15px;        
}
fieldset legend {       
        color: #03346b;
        font-size: 16px;
        font-weight: bold;
        padding-left:5px;
        padding-right:5px;
}
fieldset fieldset {
        margin-top: 0px;
        margin-bottom: 20px;
        padding: 16px 10px;
}
fieldset fieldset legend {
        font-size: 120%;
        font-weight: normal;
}
fieldset fieldset div {
        clear: left;
        margin: 0 20px;
}
form div {
        clear: both;
        margin-bottom: 1em;
        padding: .5em;
        vertical-align: text-top;
}
form .input {
        color: #444;        
}
form .required {
        font-weight: bold;
}
form .required label:after {
        color: #e32;
        content: '*';
        display:inline;
}
form div.submit {
        border: 0;
        clear: both;
        margin-top: 10px;
}
label {
        display: block;
        font-size: 110%;
        margin-bottom:3px;         
}
input, textarea {
        clear: both;
        font-size: 140%;
        font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
        padding: 1%;
        width:98%;       
}
select {
        clear: both;
        font-size: 120%;
        vertical-align: text-bottom;         
}
select[multiple=multiple] {
        width: 100%;
}
option {
        font-size: 120%;
        padding: 0 3px;
}
input[type=checkbox] {
        clear: left;
        float: left;
        margin: 0px 6px 7px 2px;
        width: auto;
}
div.checkbox label {
        display: inline;
}
input[type=radio] {
        float:left;
        width:auto;
        margin: 0 3px 7px 0;
}
div.radio label {
        margin: 0 0 6px 20px;
}
input[type=submit] {
	display: inline;
	font-size: 90%;
	width: auto;
}
form .submit input[type=submit] {
	background:#03346B;
	background: -webkit-gradient(linear, left top, left bottom, from(#a8ea9c), to(#62af56));
	background-image: -moz-linear-gradient(top, #a8ea9c, #62af56);
	border-color: #2d6324;
	color: #000;
	text-shadow: #8cee7c 0px 1px 0px;
}
form .submit input[type=submit]:hover {
	background:#4ca83d;
	background: -webkit-gradient(linear, left top, left bottom, from(#85e573), to(#4ca83d));
	background-image: -moz-linear-gradient(top, #85e573, #4ca83d);
}

/** Notices and Errors **/
div.message {
        clear: both;
        color: #000;
        font-size: 120%;
        font-weight: normal;
        margin: 0 auto 0 auto;
/*      background: #53A0E8;*/
        padding:10px;   
        text-align: center;
}
div.error-message {
        clear: both;
        color: #fff;
        font-weight: normal;
        background: #4D89C2;
}
p.error {
        background-color: #e32;
        color: #fff;
        font-family: Courier, monospace;
        font-size: 120%;
        line-height: 140%;
        padding: 0.8em;
        margin: 1em 0;
}
p.error em {
        color: #000;
        font-weight: normal;
        line-height: 140%;
}
.notice {
        background: #ffcc00;
        color: #000;
        display: block;
        font-family: Courier, monospace;
        font-size: 120%;
        line-height: 140%;
        padding: 0.8em;
        margin: 1em 0;
}
.success {
        background: green;
        color: #fff;
}

/**  Actions  **/
div.actions ul {
        margin: 0;
        padding: 0;
}
div.actions li {
        margin:0 0 0.5em 0;
        list-style-type: none;
        white-space: nowrap;
        padding: 0;
}
div.actions ul li a {
        font-weight: normal;
        display: block;
        clear: both;
}
div.actions ul li a:hover {
        text-decoration: underline;
}

input[type=submit],
div.actions ul li a,
td.actions a {
        font-weight:normal;
        padding: 4px 8px;
        background:#e6e49f;
        background: -webkit-gradient(linear, left top, left bottom, from(#f1f1d4), to(#e6e49f));
        background-image: -moz-linear-gradient(top, #f1f1d4, #e6e49f);
        color:#333;
        border:1px solid #aaac62;
        -webkit-border-radius:8px;
        -moz-border-radius:8px;
        border-radius:8px;
        text-decoration:none;
        text-shadow: #fff 0px 1px 0px;
        min-width: 0;
}
input[type=submit]:hover,
div.actions ul li a:hover,
td.actions a:hover {
        background: #f0f09a;
        background: -webkit-gradient(linear, left top, left bottom, from(#f7f7e1), to(#eeeca9));
}

/** Related **/
div.related {
        clear: both;
        display: block;
}

/** Debugging **/
pre {
        color: #000;
        background: #f0f0f0;
        padding: 1em;
}
pre.cake-debug {
        background: #ffcc00;
        font-size: 120%;
        line-height: 140%;
        margin-top: 1em;
        overflow: auto;
        position: relative;
}
div.cake-stack-trace {
        background: #fff;
        color: #333;
        margin: 0px;
        padding: 6px;
        font-size: 120%;
        line-height: 140%;
        overflow: auto;
        position: relative;
}
div.cake-code-dump pre {
        position: relative;
        overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
        color: #000;
        background-color: #F0F0F0;
        margin: 0px;
        padding: 1em;
        overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
        clear: both;
        font-size: 12px;
        line-height: 15px;
        margin: 4px 2px;
        padding: 4px;
        overflow: auto;
}
div.cake-code-dump span.code-highlight {
        background-color: #ff0;
        padding: 4px;
}
div.code-coverage-results div.code-line {
        padding-left:5px;
        display:block;
        margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
        background:#ecc;
}
div.code-coverage-results div.covered span.content {
        background:#cec;
}
div.code-coverage-results div.ignored span.content {
        color:#aaa;
}
div.code-coverage-results span.line-num {
        color:#666;
        display:block;
        float:left;
        width:20px;
        text-align:right;
        margin-right:5px;
}
div.code-coverage-results span.line-num strong {
        color:#666;
}
div.code-coverage-results div.start {
        border:1px solid #aaa;
        border-width:1px 1px 0px 1px;
        margin-top:30px;
        padding-top:5px;
}
div.code-coverage-results div.end {
        border:1px solid #aaa;
        border-width:0px 1px 1px 1px;
        margin-bottom:30px;
        padding-bottom:5px;
}
div.code-coverage-results div.realstart {
        margin-top:0px;
}
div.code-coverage-results p.note {
        color:#bbb;
        padding:5px;
        margin:5px 0 10px;
        font-size:10px;
}
div.code-coverage-results span.result-bad {
        color: #a00;
}
div.code-coverage-results span.result-ok {
        color: #fa0;
}
div.code-coverage-results span.result-good {
        color: #0a0;
}

/** Elements **/
#url-rewriting-warning {
        display: none;
}

.tabla_formulario{
        font-size:11px;
        background-color:#FFFCE0;
}

.tabla_formulario tr td{
        font-size:11px;
        background-color:#FFFCE0;
}

.tabla_formulario tr{
        font-size:11px;
        background-color:#FFFCE0;
}

.tabla_formulario td{
        font-size:11px;
        background-color:#FFFCE0;
}

.tabla_formulario  tr:nth-child(2n) td {
        background: #FFFCE0;
}


.tabla_formulario .altrow td {
        background: #FFFCE0;
}

.tabla_formulario input{
        font-size:11px;
        background-color:#FFF7B7;
}
.tabla_formulario select{
        font-size:11px;
        background-color:#FFF7B7;
}
.tabla_formulario textarea{
        font-size:11px;
        background-color:#FFF7B7;
}
#UserLoginForm{
        width:40%;
        margin: 0 auto 0 auto;
        font-size:12px; 
}

#UserLoginForm fieldset{
        width:400px;
        margin: 0 auto 0 auto;
        font-size:11px;
        padding-top:120px;
        border:none;    
}

#UserLoginForm label{
        color:#333;     
        font-weight:bold;
        padding-left: 10px;     
}

#UserLoginForm legend{
        color:#000;
        background-color:#FFFEF2;
        font-weight:normal;
        margin-left: 60px;
}

#UserLoginForm input{
        background-color:#FFFEF2;
        border-color: #5d728a;
        color: #359D2A;
        height:25px;
}

#UserLoginForm textarea{
        background-color:#FFFEF2;
        color: #03346B;
        height:25px;
}

#UserLoginForm div.submit{              
        margin: 0 auto 0 auto;
        padding-left:50%;
}

#UserLoginForm div.submit input{        
        color:#000;
        font-weight:normal;     
}

#UserLoginForm .submit input[type=submit] {     
        background:#FFFEF2;
        border-color: #359d2a;
       /* color: #0B7C33;*/
        color: #359d2a;
        height:25px;
}



form .submit input[type=submit]:hover {
        background:#1FAD50;             
}

#login{
        width:98%;
        height:300px;
        background: #FFFEF2 url('../img/login.png') no-repeat center;
        margin: 0 auto 0 auto;
}

input.text_asistencia{  
        width:20px;     
        height:20px;
        font-size:11px;
}

div.menu{
        margin: 0 auto 0 auto; 
        width:100%; 
        padding-bottom:10px;
        padding-top:10px; 
        text-align: center;
}


/* calendar CSS */

table.calendar {width: 100%; height:auto; border: 1px solid #cccccc; border-collapse: collapse; margin: 0px; padding: 0px; background-color: #FFFFFF;}
table.calendar th {background-color: #53A0E8; text-transform: none; color: #000; padding: 4px; text-align: center; border: 1px solid #eeeeee;}
 
table.calendar th.cell-prev {text-align: left;}
table.calendar th.cell-prev a {color: #F9F9F9;}
table.calendar th.cell-next {text-align: right; color: #FFF; }
table.calendar th.cell-next a{color: #F9F9F9;}
table.calendar th.cell-header {width: 70px; border-bottom: 1px solid #cccccc;}
table.calendar td.cell-today {background-color: #FCDA6C;} /* today in the current month */
table.calendar td.cell-weekend {background-color: #FFF7B7;}
table.calendar td {border: 1px solid #cccccc; background-color: #FFF7B7;}
table.calendar tr:nth-child(2n) td {background: #FFF7B7;}
table.calendar tr:nth-child(2n) td.cell-today {background-color: #FCDA6C;} /* today in the current month */


 
table.calendar td div.cell-number {text-align: right; font-size: 11px; color: #333333; font-weight:bold; display: block;}
table.calendar td div.cell-data a{font-size: 11px; font-weight:normal; text-decoration:none; color: #333333;}
table.calendar td div.cell-data a:hover{font-size: 11px; font-weight:normal; text-decoration:none; color: #BE0D15;}
table.calendar td div {display: block; font-size: 10px; text-align: left;}
table.calendar thead th {border: 1px solid #cccccc;}


/*Menu Desplegable*/
/*
.desplegable li {
        list-style-type: none;
        float: left;    
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        padding-right: 4px;
}

.desplegable {
        width: 100%;
        height: 30px;
        margin: 0 auto 0 auto;
}

.desplegable li a {
        text-decoration: none;
        color: #222;
        display: block  !importnat;
        position: relative;
        width: 120px !importnat;
}

.desplegable li a:hover {
        color: #000;    
}

.desplegable ul li ul span {    
        margin: -20px 50px;
        width: 10px;
        height: 10px;
        position: absolute;
}

.desplegable ul li ul {
        background: #FFFEF2;
        border-left:2px dashed #03346b;
        border-right:2px dashed #FCF099;
        border-bottom:2px dashed #FCF099;
        display: none;          
        padding-top: 12px;
        width: 80px !importnat;        
        position: absolute;
        margin: -10px -8px;
        .margin: 60px -100px;
        _margin: 60px -100px;   
}

.desplegable ul li:hover ul {
        display: block;
        background: #FFFEF2;
        width: 130px;   
}

.desplegable ul li ul li {
        display: block;
        float: none;
        position: relative;
        color: #fff;
        padding: 3px 10px;
        line-height: 30px;
        background: #FFFEF2;
        margin-left:0px;     
}

.desplegable ul li ul li a{
        color: #444;
}

.desplegable ul li ul li a:hover {
color: #000;
}


.desplegable li a:hover {
color: #000;
}
li a:hover {
color: #000;
} {
color: #000;
}lor: #000;
}
*/

ul.menu
{
   list-style:none;  
   
 }
ul.menu ul /* Para todos los ul debajo del ul.menu */
{
   display:none;
   list-style:none;       
}
/* Esto afecta a todos los ul inmediatamente debajo (el > ) de un li que a su vez esté dentro de un ul.menu */
/*puntedas*/
ul.menu li:hover > ul
{  width: 160px; 
   display:block;
   background: #FFFEF2;
   
}
ul.menu li
{
   position:relative; /* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene */
   width:70px;
}
ul.menu
{
   list-style:none;
  
}
ul.menu ul
{
   position:absolute; /* Esta posición es relativa al <li> que contiene a este <ul> */
   left:156px; /* Para que no monte sobre el <li> */
   top:-1px;
   display:none;
   list-style:none;
   border-left:2px dashed #03346b;
   border-right:2px dashed #03346b;
   border-bottom:2px dashed #03346b;   
   padding-top: 12px;
   width: 80px !importnat;  
   position: absolute;
   margin: -10px -8px;
   .margin: 60px -100px;
   _margin: 60px -100px;
   background: #FFFEF2;   
  
}
ul.menu> li > ul /* Solo para los ul debajo de los li de primer nivel. */
{
   position:absolute;
   left:-7px;
   top:22px;
   /*font-size:25px;*/
   display:none;
   list-style:none;
   border-left:2px dashed #03346b;
   border-right:2px dashed #03346b;
   border-bottom:2px dashed #03346b;
   display: none; 
   padding-top: 12px;
   width: 80px !importnat;  
   position: absolute;
   margin: -10px -8px;
   .margin: 60px -100px;
   _margin: 60px -100px;
   background: #FFFEF2;
}
ul.menu > li /* Sólo para li de primer nivel */
{
   display:inline;
}

.horas{
	width: 20px;
}

.participante{
	font-size: 11px;
}
.participante div{
	font-size: 11px;
	
}

.participante div label{
	font-size: 11px;
}

.participante_horas div label{
	font-size: 11px;
	margin-top: -15px;	
}

.grupo{
	padding-left: 10px;
	margin-right: 20px;
	/*width: 40px;*/
}

.grupo a{
	text-decoration: none;
	color: #10498a;
}

.grupo a:hover{
	color: #ac1809;
	text-decoration: underline;
}